#Claude Code
3개의 글
그래프 엔지니어링: 에이전트에게 개발 맡기는 법
타입체크도 테스트도 다 통과했는데, 왜 화면을 열면 깨질까. 에이전트에게 개발을 맡기며 겪은 문제와 그걸 그래프 엔지니어링이라는 절차로 만든 과정을 정리했다. 화면 개발을 네 층으로 가르는 법과 시안 수치를 DOM 실측으로 대조한 방법을 함께 적었다.
AI 세션 대시보드 만들기
Claude Code 세션을 여러 개 돌리면 어느 게 권한 대기인지, 어떤 탭이 무슨 작업인지 분간이 안 된다. claude-deck이라는 브라우저 터미널 대시보드를 직접 만들어보며 겪은 문제와 경험을 정리했다.
Browser Design QC Skill
Figma 스펙과 브라우저 CSS 실측값을 자동 비교해 색상·타이포그래피·치수·간격·문구 5가지 결함을 검출하는 Claude Code 디자인 QC 스킬을 만들었다.